﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>宾果高校</title>
    <link rel="stylesheet" href="../static/css/styles.css">
    <link rel="stylesheet" href="../static/css/ng-pagination.min.css" />
    <link rel="stylesheet" href="../static/css/sweetalert.min.css" />
    <link rel="stylesheet" href="../static/js/simditor/styles/simditor.css" />
    <link rel="stylesheet" href="../static/js/simditor/styles/simditor-html.css" />
    <script src="../static/js/bundle.js"></script>
</head>
<body>
    <div id="divHeader"></div>
    <div class="main" ng-app="myApp" ng-controller="projectDetailCtrl">
        <div class="container pr" ng-model="names">
            <div class="crumb">
                <ul class="clearfix">
                    <li><a href="javascript:void(0)">首页</a></li>
                    <li>></li>
                    <li><a href="javascript:void(0)">社团</a></li>
                    <li>></li>
                    <li><a href="javascript:void(0)">发布赞助书</a></li>
                </ul>
            </div>
            <div class="article-header">
                <h2>{{names.ProjectName}}</h2>
                <div class="wrap bottom">
                    <div class="clearfix"><span class="fl">{{names.CreateDate | date:'yyyy-MM-dd HH:mm:ss'}}</span><span class="fr">200人已浏览</span></div>
                </div>
            </div>
            <div style="margin-top: 40px;" class="clearfix">
                <div class="released-module-l pr">
                    <!--<aside class="release-aside" tag="{{names.ProjectID}}" onclick="AddToFavorites(this)">点击收藏</aside>-->
                    <div id="divFavorites"></div>
                    <div class="title">
                        <h2>基本信息</h2>
                    </div>
                    <div style="margin-top: 20px;">
                        <ul>
                            <li>活动状态： <span class="main-color">{{names.Status}}</span></li>
                            <li><span>策划书： </span><a href="{{names.SponsorBook}}" class="main-color">点击下载</a></li>
                            <li>活动类型： <span class="main-color">{{names.ActivityType}}</span></li>
                            <li>赞助金额： <span class="main-color">{{names.Amount}}元</span></li>
                            <li>活动规模： {{names.StudentInterval}}</li>
                            <li>活动地区： {{names.Area}}</li>
                            <li>活动地点： {{names.Address}}</li>
                            <li>活动时间： {{names.StartDate | date:'yyyy-MM-dd' }}-{{names.EndDate | date:'yyyy-MM-dd'}}</li>
                            <li>活动场次： {{names.ActivityNum}}</li>
                            <li>宣传方式： {{names.PublicizeType}}</li>
                            <li>执行团队： {{names.ExecutiveTeam}}</li>
                            <li>活动紧急联系人姓名： {{names.ContactName}}</li>
                            <li>活动紧急联系人电话： {{names.ContactPhone}}</li>
                        </ul>
                    </div>
                </div>
                <div class="released-module-m">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="{{names.ActImg1}}" width="383" height="229"></div>
                            <div class="swiper-slide"><img src="{{names.ActImg2}}" width="383" height="229" alt=""></div>
                            <div class="swiper-slide"><img src="{{names.ActImg3}}" width="383" height="229" alt=""></div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <div class="released-module-r">
                    <div class="association" style="background-image: url({{names.LogoPath}}); background-size:100% 100%">
                        <div class="association-logo"></div>
                        <h2>社团LOGO图片</h2>
                        <h2>{{names.Name}}</h2>
                    </div>
                    <div class="association-label">
                        <ul class="clearfix">
                            <li>{{names.Nature}}</li>
                            <li>{{names.City}}</li>
                            <li>{{names.TypeDetail}}</li>
                            <li>{{names.Scale}}</li>
                        </ul>
                    </div>
                    <div class="association-slogan">
                        <p>{{names.Remark}}</p>
                    </div>
                </div>
            </div>
            <div class="released-module">
                <div class="title">
                    <h2>活动所需物资</h2>
                </div>
                <div class="campaignd-goods">
                    <ul class="clearfix">
                        <li>
                            <div class="form-group-center clearfix">
                                <label for="">活动海报：</label><span>张</span>
                                <input type="text" value="{{names.Poster}}" readonly>
                            </div>
                            <div class="form-group-center clearfix">
                                <label for="">麦克风：</label><span>个</span>
                                <input type="text" value=" {{names.Microphone}}" readonly>
                            </div>
                            <div class="form-group-center clearfix">
                                <label for="">活动音响：</label><span>个</span>
                                <input type="text" value=" {{names.Sound}}" readonly>
                            </div>
                            <div class="form-group-center clearfix">
                                <label for="">活动帐篷：</label><span>顶</span>
                                <input type="text" value=" {{names.Tent}}" readonly>
                            </div>
                        </li>
                        <li>
                            <div class="form-group-center clearfix">
                                <label for="">活动展位：</label><span>个</span>
                                <input type="text" value=" {{names.Booth}}" readonly>
                            </div>
                            <div class="form-group-center clearfix">
                                <label for="">易拉宝：</label><span>个</span>
                                <input type="text" value=" {{names.Rollup}}" readonly>
                            </div>
                            <div class="form-group-center clearfix">
                                <label for="">活动桌椅：</label><span>张</span>
                                <input type="text" value=" {{names.Desk}}" readonly>
                            </div>
                            <div class="form-group-center clearfix">
                                <label for="">其它物料：</label>
                                <input type="text" style="margin-right: 23px;" value="{{names.Other}}" readonly>
                            </div>
                        </li>
                        <li>
                            <div class="form-group-center clearfix">
                                <label for="">活动KT板：</label><span>张</span>
                                <input type="text" value=" {{names.KTBoard}}" readonly>
                            </div>
                            <div class="form-group-center clearfix">
                                <label for="">活动传单：</label><span>张</span>
                                <input type="text" value=" {{names.Leaflet}}" readonly>
                            </div>
                            <div class="form-group-center clearfix">
                                <label for="">活动横幅：</label><span>张</span>
                                <input type="text" value=" {{names.Banner}}" readonly>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="title">
                    <h2>活动简介</h2>
                </div>
                <div class="article">
                    <p ng-bind-html="names.Introduction | to_trusted"></p>
                </div>
                <div class="title">
                    <h2>活动效果</h2>
                </div>
                <div class="article article2">
                    <p>活动照片 {{names.Photos}} 张 活动视频 {{names.Video}} 条 活动推文 {{names.Tweets}} 篇   </p>
                    <p ng-bind-html="names.Supervision | to_trusted"></p>
                </div>
                <div class="submit text-center">
                    <button type="button" id="sureCom">确定合作</button>
                </div>
            </div>
            <div id="backtop" class="back-top">
                <img src="../static/images/scrolltop.png" alt="">
                <p>回到顶部</p>
            </div>
            <div class="back-home">
                <a href="javascript:void(0)">
                    <img src="../static/images/backhome.png" alt="">
                    <p>返回首页</p>
                </a>
            </div>
            <div class="contact-us">
                <img src="../static/images/contactus.png" alt="">
                <p>联系我们</p>
            </div>
        </div>
        <div class="mask hide"></div>
        <div class="popBox uploadBox hide" id="uploadBox">
            <h1 class="up-header">确认合作<a href="javascript:void(0)" class="up-hb-close" id="up-hb-close">X</a></h1>
            <div class="up-content">
                <div class="up-h-book">
                    <h2 class="up-hb-h2">社团筹备信息</h2>
                    <div class="up-hbook-content clearfix">
                        <p>
                            <label>筹备活动名称：</label>
                            <span>{{names.ProjectName}}</span>
                        </p>
                        <p>
                            <label>所需赞助：</label>
                            <span>{{names.Amount}}元</span>
                        </p>
                        <p>
                            <label>活动时间：</label>
                            <time>{{names.StartDate|date:'yyyy-MM-dd' }}至{{names.EndDate | date:'yyyy-MM-dd'}}</time>
                        </p>
                        <p>
                            <label>社团名称：</label>
                            <span>{{names.CreatorName}}</span>
                        </p>
                        <p>
                            <label>活动地点：</label>
                            <time>{{names.Address}}</time>
                        </p>
                    </div>
                </div>
                <div class="up-h-book mt10">
                    <h2 class="up-hb-h3 pic">企业活动效果要求<span>(提示:你所输入的企业活动效果要求，最终将会生成在合同中)</span></h2>
                    <div class="up-hbook-edit">
                        <p class="mb10 mt10">
                            <label class="">赞助金额：</label>
                            <input id="Amount" type="text" />
                            <span>元</span>
                        </p>
                        <textarea class="textPopBox" id="Feedback" height='200px' placeholder="请填写对于本活动的最终活动效果反馈要求..."></textarea>
                        <span class="hide" id="spanProjectID" tag="{{names.ProjectID}}"></span>
                    </div>
                </div>
                <button type="button" class="up-hb-submit hbEdit" id="up-hb-submit">发送邀请</button>
            </div>
        </div>
    </div>
    <div id="divFooter"></div>

    <!--弹窗-->
    <script type="text/javascript" src="../static/js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="../static/js/store.min.js"></script>
    <script type="text/javascript" src="../static/js/common.js"></script>
    <script type="text/javascript" src="../static/js/angular.min.js"></script>
    <script type="text/javascript" src="../static/js/sweetalert.min.js"></script>
    <!--文字编辑器 -->
    <script type="text/javascript" src="../static/js/simditor/scripts/module.min.js"></script>
    <script type="text/javascript" src="../static/js/simditor/scripts/hotkeys.min.js"></script>
    <script type="text/javascript" src="../static/js/simditor/scripts/uploader.min.js"></script>
    <script type="text/javascript" src="../static/js/simditor/scripts/simditor.min.js"></script>
    <script type="text/javascript" src="../static/js/simditor/scripts/beautify-html.js"></script>
    <script type="text/javascript" src="../static/js/simditor/scripts/simditor-html.js"></script>
    <script>

        var param = common.getUrlArgStr();
        if (!common.checkValue(param.id))
            window.location = "/search.html";

        $("#divHeader").load("/wuc/header.html");
        $("#divFooter").load("/wuc/footer.html");
        $("#divFavorites").load("/wuc/favorites.html", function () {
            Init(param.id);
        });


        function AfterCompleted(ctx) {
            if (ctx == null) {
                common.alertMessage("无数据.");
                return;
            }

            $("#uploadBox").hide();
            $(".mask").hide();
            window.location = "/index.html";
        }

        common.CreateController({ name: 'projectDetailCtrl', url: '../api/project/get?id=' + param.id + '&type=Project', objType: 'dict', cacheName: 'Project', htmlFilter: true });

        //登录框下拉
        $('.link-login').on('click', function (e) {
            var self = $(this);
            self.parent().siblings().find('a').removeClass('on');
            self.toggleClass('on');
        });

        $("#up-hb-close").on('click', function (e) {
            $("#uploadBox").hide();
            $(".mask").hide();
        });

        //关闭弹窗
        $("#up-hb-submit").on('click', function (e) {

            var values = {};
            values.Amount = $("#Amount").val();
            values.Feedback = editor.getValue();
            values.AgentID = "123";
            values.ProjectID = $("#spanProjectID").attr("tag");

            common.commonAjax({ type: 'Post', url: '../api/project/CreateContract', data: values, sMethod: AfterCompleted, alert: true });

        });


        //打开弹窗
        $("#sureCom").on('click', function (e) {
            $(".mask").show();
            $("#uploadBox").show();
        });

        var editor = common.CreateEditor('Feedback');

    </script>
</body>
</html>